<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <script type="text/javascript" src="../../rsframe/commons/script/common.js"></script>
    <!--<link rel="stylesheet" type="text/css" href="../../static/css/sstyle.css"/>-->
    <!--<link rel="stylesheet" type="text/css" href="../../static/css/easyui.css"/>-->
    <meta charset="UTF-8">
    <title>商户管理端首页</title>
    <style>/*首页*/
    ul,li{
        list-style: none;
    }
    .container{
        width: 100%;
        padding: 20px 0 0;
    }
    .work-items{
        overflow: hidden;
        width: 100%;
        margin: 0;
        padding: 0;
        margin-bottom: 10px;
    }
    .work-items li{
        float: left;
        width: 25%;
        height: 70px;
    }
    .work-items li a{
        display: block;
        margin-right: 10px;
        height: 70px;
        overflow: hidden;
        color: #FFFFFF;
    }
    .work-items li .liimg{
        width: 40px;
        height: 40px;
        padding: 15px;
    }
    .work-items li .liimg img{
        width: 100%;
    }
    .work-items li .liimg{
        float: left;
    }
    .work-items li .liword{
        float: left;
        padding: 15px;
    }
    .work-items li .liword p{
        margin: 0;
        font-size: 18px;
        font-weight: 600;
        text-indent: 0em;
    }
    .work-items li .liword p b{
        margin: 0;
        font-size: 18px;
        font-weight: 600;
        text-indent: 0em;
    }
    .work-items li .liword p span{
        font-size: 12px;
        margin-left: 4px;
        font-weight: normal;
    }
    .work-items li.blue a{
        background: #33CCCC;
    }
    .work-items li.blue .liimg{
        background: #2DB3B3;
    }
    .work-items li.green a{
        background: #999900;
    }
    .work-items li.green .liimg{
        background: #808000;
    }
    .work-items li.gray a{
        background: #999999;
    }
    .work-items li.gray .liimg{
        background: #666666;
    }
    .work-items li.purple a{
        background: #996699;
    }
    .work-items li.purple .liimg{
        background: #6C486C;
    }
    .work-items li.orange a{
        background: #FF9966;
    }
    .work-items li.orange .liimg{
        background: #FF6C26;
    }
    .work-items li.lightblue a{
        background: #91B1F9;
    }
    .work-items li.lightblue .liimg{
        background: #8185E1;
    }
    .work-items li.lightgreen a{
        background: #78DDB1;
    }
    .work-items li.lightgreen .liimg{
        background: #36B383;
    }
    .work-items li.yellow a{
        background: #F7B762;
    }
    .work-items li.yellow .liimg{
        background: #F3952E;
    }
    .work-items li.lightorange a{
        background: #FE8F5E;
    }
    .work-items li.lightorange .liimg{
        background: #EF6844;
    }
    .more {
        border-width: 0;
        text-align: right;
        font-size: 14px;
        color: #CCCCCC;
    }

    .moreDetail p {
        text-indent: 0;
        margin: 0;
        font-size: 14px;
    }
    </style>
</head>
<body>
<form class="easyui-form" id="operatorIndexData">
<div class="container">
    <ul class="work-items clearfix">
        <li class="lightblue">
            <a class="work-inner">
                <div class="liimg">
                    <img src="../../static/images/IntegralTotal.png"/>
                </div>
                <div class="liword">
                    <span class="num">积分总量</span>
                    <p><b class="bind-value" name="allScore">0</b><span>分</span></p>
                </div>
            </a>
        </li>
        <li class="lightgreen">
            <a class="work-inner">
                <div class="liimg">
                    <img src="../../static/images/consumedIntegralTotal.png"/>
                </div>
                <div class="liword">
                    <span class="num">已消费积分总量</span>
                    <p><b class="bind-value" name="consumed">0</b><span>分</span></p>
                </div>
            </a>
        </li>
        <li class="yellow">
            <a class="work-inner">
                <div class="liimg">
                    <img src="../../static/images/totalStores.png"/>
                </div>
                <div class="liword">
                    <span class="num">商户总量</span>
                    <p><b class="bind-value" name="stores">0</b><span>个</span></p>
                </div>
            </a>
        </li>
        <li class="lightorange">
            <a class="work-inner">
                <div class="liimg">
                    <img src="../../static/images/pendingAmount.png"/>
                </div>
                <div class="liword">
                    <span class="num">待结算分数</span>
                    <p><b class="bind-value" name="Amounts">0</b><span>分</span></p>
                </div>
            </a>
        </li>
    </ul>
    <ul class="work-items clearfix">
        <li class="blue">
            <a class="work-inner">
                <div class="liimg">
                    <img src="../../static/images/todayFansRise.png"/>
                </div>
                <div class="liword">
                    <span class="num">粉丝总数</span>
                    <p><b class="bind-value" name="fans">0</b><span>个</span></p>
                </div>
            </a>
        </li>
        <li class="gray">
            <a class="work-inner">
                <div class="liimg">
                    <img src="../../static/images/todayIntegralRise.png"/>
                </div>
                <div class="liword">
                    <span class="num"><b class="bind-value" name="month">0</b>月<b class="bind-value" name="date">0</b>日积分新增量</span>
                    <p><b class="bind-value" name="newScore">0</b><span>分</span></p>
                </div>
            </a>
        </li>
        <li class="orange">
            <a class="work-inner">
                <div class="liimg">
                    <img src="../../static/images/todayExchangeIntegralRise.png"/>
                </div>
                <div class="liword">
                    <span class="num">今日积分兑换数量</span>
                    <p><b class="bind-value" name="todayChange">0</b><span>分</span></p>
                </div>
            </a>
        </li>
        <li class="blue">
            <a class="work-inner">
                <div class="liimg">
                    <img src="../../static/images/pendingBill.png"/>
                </div>
                <div class="liword">
                    <span class="num">待结算账单数量</span>
                    <p><b class="bind-value" name="quantity">0</b><span>笔</span></p>
                </div>
            </a>
        </li>
    </ul>
</div>
<!-- 统计数据概括展示 -->

<div style="width: 48%;float: left;height: 440px">
    <div style="float: left" >
        <p ><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:600;color:#666666;">待审核商品</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#00CCFF;">（<b class="bind-value" name="products">0</b>）</span></p>
    </div>
    <div id="moreActivity1" class="more">
        <p><span onclick="javascript:queryProduct()">查看更多》</span></p>
    </div>
    <table id="listTableProduct"></table>

</div>
<div style="width: 50%;float:right;height: 440px">
    <div style="float: left" >
        <p ><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:600;color:#666666;">待审核活动</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#00CCFF;">（<b class="bind-value" name="activitys">0</b>）</span></p>
    </div>
    <div id="moreActivity" class="more">
        <p><span onclick="javascript:queryActivity()">查看更多》</span></p>
    </div>
    <table id="listTableActivity"></table>
</div>
</form>
</body>
</html>